chrome37 鼠标选中字体颜色 css(css鼠标选中文字变色属性)

在Chrome 37中，可以通过CSS样式表来改变选中的文本颜色。以下是实现此功能的步骤：

1. 需要为选中的文本定义一个CSS类名。可以使用`::selection`伪元素选择器来选择用户选中的文本，并为其应用样式。例如，可以创建一个名为`.selected-text`的CSS类，如下所示：

```css

::selection {

background-color: ff0; / 设置选中文本的背景色 /

color: 00f; / 设置选中文本的前景色 /

}

```

在这个例子中，我们将选中文本的背景色设置为黄色(ff0),前景色设置为青色(00f)。

1. 接下来，需要将这个CSS类应用到HTML元素上。可以将该类添加到任何HTML元素的class属性中，或者使用内联样式直接将其应用于元素。例如，可以在一个段落元素中应用它，如下所示：

```html

这是一段被选中的文本。

```

或者使用内联样式：

```html

这是一段被选中的文本。

```

1. 需要确保在页面加载时浏览器已经支持了`::selection`伪元素选择器。可以通过在CSS文件中添加以下代码来实现：

```css

::selection {

background-color: yellow; / 为了兼容旧版IE浏览器，设置默认背景色 /

color: red; / 为了兼容旧版IE浏览器，设置默认前景色 /

}

```

这段代码会将旧版IE浏览器中的选中文本背景色和前景色设置为黄色和红色。这样即使用户使用的是非Chrome浏览器，也可以正确地看到选中文本的颜色变化。